import type { WatermarkProps } from '@/types/watermark'
import React from 'react'
import styles from './watermark.less'

/**
 * 基础水印组件，仅负责图片容器和结构，具体水印样式由子组件实现
 */
const BaseWatermark: React.FC<WatermarkProps> = ({ image, containerRef }) => {
  return (
    <div
      ref={containerRef}
      className={styles.imageContainer}
      style={{
        position: 'relative',
        width: '100%',
        margin: '0 auto'
      }}
    >
      {/* 原始图片 */}
      <img
        src={image || ''}
        alt="Preview"
        style={{
          display: 'block',
          width: '100%',
          height: 'auto',
          objectFit: 'contain'
        }}
      />
      {/* 水印内容 - 子组件将实现具体的水印样式 */}
    </div>
  )
}

export default BaseWatermark
